*{
    padding:0;
    margin:0;
    font-family:"Microsoft Yahei";
    font-size:18px;
    color:#0f0f0f;
    text-decoration:none;
    list-style:none;
}
.container{
    width:60%;
    margin:90px auto;
    background:#ff6666;
    padding-bottom:20px;
    border-radius:6px;
    box-shadow:0 0 12px 0 #666;
}
ul{
    text-align:center;
    margin-left:10px;
}
li{
    width:29%;
    display:inline-block;
    margin-top:10px;
}
li:hover a{
    background:rgba(66,66,66,0.6);
    color:hsl(200,60%,60%);
}
.showContrl{
    width:30%;
    text-align:center;
    border:1px solid #1b6d85;
    margin:60px auto 0;
    cursor:pointer;
    background:url(arrow_down.png) no-repeat 20% center;
    background-size:20px 20px;
    padding:10px;
}
.showContrl:hover span{
    color:#e3e3e3;
}
.all{
    background-image:url(arrow_up.png);
}
.light{
    color:#CCFF66;
}
